<script type="text/javascript" src="alexSlider.js"></script>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">
	$(document).ready(function() {
		$('.slider').Slider({
			fadeEffect : true,
			auto : false,
			counter : true
		});
	});
</script>
<div class="colone-right">

	<form action="SearchFromRegisteredUserHomePageServlet" method="post"
		name="SearchForm"
		onsubmit="return checkSearchParametersFromRegisteredUserHomePage()"
		style="margin-top: -1em; margin-bottom: 0em">
		<table border="0" width="100%">
			<tr>
				<td>&nbsp; <input type="text" name="Search">
				</td>
				<td><input id="search" type="submit" name="btnSearch"
					value="Search Profiles" align="left"></td>
			</tr>
		</table>
	</form>

	<div class="slider">
		<ul>
			<c:choose>
				<c:when test='${searchStatus == "THERE_IS_SEARCH_RESULTS"}'>
					<c:forEach items="${resultPersonsIAmNotFriendsWith}" var="temp">
						<li><img src="${temp.picture}" />
							<p style="color: white;">this is ${temp.sex} person no
								${temp.id}</p> <a href="javascript:;">${temp.firstName}</a></li>
					</c:forEach>
				</c:when>
				<c:when test='${searchStatus == "NO_SEARCH_RESULTS"}'>
					<b style="color: white;"><br>&nbsp; &nbsp;No Search
						Results.</b>
				</c:when>
			</c:choose>
		</ul>
	</div>
</div>